<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no" />
  <title>人人梦</title>
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css"/>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js"></script>
 </head>
 <body>
 <!-- 导航部分-->
   <div class="navs">
    <script>
      $(".navs").load("head.html");
    </script>
   </div>
   <!--banner部分-->
   <div class="swiper-container" id="banner">
    <div class="swiper-wrapper">
     <div class="swiper-slide" style="background-image: url(images/index/banner.jpg)"></div>
     <div class="swiper-slide" style="background-image: url(images/index/banner.jpg)"></div>
     <div class="swiper-slide" style="background-image: url(images/index/banner.jpg)"></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
   </div>
   <!--主要内容-->
<!--咨询-->
<div class="new padd50">
    <div class="main-md">
        <div class="news_lf">
            <div class="new_img"><img src="images/index/rnn-1.jpg" alt=""/> </div>
            <div class="new_list">
                <div class="new_list_lf ico_lf1">
                    <a href="#">
                        <div class="ico_lf">
                        <i class="iconfont icon-zixun1"></i>
                        </div>
                        <div class="ico_rt">
                            <h4>健身资讯</h4>
                            <p>为人人梦接力，为中国梦代言，为筑梦者出彩</p>
                            <i class="iconfont icon-jiantou_xiangyou_o"></i>
                        </div>
                        <div class="both"></div>
                        <div class="ico_hide">
                            <h4>健身资讯</h4>
                            <p>为人人梦接力，为中国梦代言，为筑梦者出彩</p>
                            <i class="iconfont icon-jiantou_xiangyou_o"></i>
                        </div>
                    </a>
                </div>
                <div class="new_list_lf ico_lf2">
                    <a href="#">
                        <div class="ico_lf">
                            <i class="iconfont icon-xinyuanjieli"></i>
                        </div>
                        <div class="ico_rt">
                            <h4>品牌接力赛</h4>
                            <p>为人人梦接力，为中国
                                梦代言，为筑梦者出彩</p>
                            <i class="iconfont icon-jiantou_xiangyou_o"></i>
                        </div>
                        <div class="both"></div>
                        <div class="ico_hide">
                            <h4>品牌接力赛</h4>
                            <p>为人人梦接力，为中国
                                梦代言，为筑梦者出彩</p>
                            <i class="iconfont icon-jiantou_xiangyou_o"></i>
                        </div>
                    </a>
                </div>
                <div class="both"></div>
            </div>
        </div>
        <div class="new_rt">
            <div class="new_next_lf">
                <div class="new_next_top">
                    <h4> 品牌健身补贴 <i class="rt iconfont icon-jiahao"></i> </h4>
                    <a href="#"> <p>致力体育传播与以人为本筑梦营销传
                        播 “梦想 与健康同行” 价值观推广
                        “中国梦 人人梦”中国品牌接力跑为
                        人人梦接力，为中国梦梦代言，为筑
                        梦者出彩服务中国企业家形象塑造、
                        品牌日建设与商品健身补贴筑梦同行
                        打造人人梦中国品牌计划
                        人人梦共建 以人为本 筑梦社区</p></a>
                </div>
                <div class="new_list_lf">
                    <a href="#">
                        <div class="ico_lf">
                            <i class="iconfont icon-shangjiapinpaidingzhi"></i>
                        </div>
                        <div class="ico_rt">
                            <h4>品牌日定制</h4>
                            <p>为人人梦接力，为中国梦代言，为筑梦者出彩</p>
                            <i class="iconfont icon-jiantou_xiangyou_o"></i>
                        </div>
                        <div class="ico_hide">
                            <h4>品牌接力赛</h4>
                            <p>为人人梦接力，为中国
                                梦代言，为筑梦者出彩</p>
                            <i class="iconfont icon-jiantou_xiangyou_o"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="new_next_rt">
                <div class="new_next_cont">
                    <h4> 品牌健身补贴 <i class="rt iconfont icon-jiahao"></i> </h4>
                    <div class="new_next_text">
                        <a href="#">
                            <img src="images/index/rnn-2.jpg" alt=""/>
                            <div class="new_next_bot">
                                <span> 最新 </span>
                                <div class="next_text">
                                    <h3>人人梦中国 共建 以人为本
                                        筑梦社区 </h3>
                                    <p>传播“梦想 与健康同行”价值
                                        观，致力体育传播与筑梦营销，
                                        服务大创业与全民健身...</p>
                                </div>
                                <div class="both"></div>
                            </div>
                        </a>
                        <div class="next_text_list">
                            <ul>
                                <li><a href="#"> <span> 最新</span> <p>人人梦中国共建以人为本 </p> </a></li>
                                <li><a href="#"> <span> 最新</span> <p>人人梦中国共建以人为本 </p> </a></li>
                                <li><a href="#"> <span> 最新</span> <p>人人梦中国共建以人为本 </p> </a></li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
            <div class="both"></div>
        </div>
        <div class="both"></div>
    </div>
</div>
 <!-- 周边活动-->
 <div class="activity">
     <div class="main-md">
         <div class="title">
             <h1>
                 <div style="animation-delay: 0s;">周</div>
                 <div style="animation-delay: 0.1s;">边</div>
                 <div style="animation-delay: 0.2s;">活</div>
                 <div style="animation-delay: 0.3s;">动</div>
                 <br/> <b></b> </h1>
             <p>人人梦中国，将成为中国最大创业创新筑梦联盟 与 最大人人梦中国IP航母</p>
         </div>
         <div class="activity_list">
             <ul>
                 <li><a href="#">
                     <img src="images/index/zhou-1.jpg" alt=""/>
                 </a></li>
                 <li><a href="#">
                     <div class="activity_text">
                         <h4> 优质商家推荐 </h4>
                         <p>中国梦，人人梦 <br/>
                             接力跑 </p>
                         <span> <i class="iconfont icon-jiantou_xiangyou_o"></i> </span>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <img src="images/index/zhou-2.jpg" alt=""/>
                 </a></li>
                 <li><a href="#">
                     <div class="activity_text">
                         <h4> 中国梦人人梦 </h4>
                         <p>中国梦，人人梦 <br/>
                             接力跑 </p>
                         <span> <i class="iconfont icon-jiantou_xiangyou_o"></i> </span>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="activity_text">
                         <h4>热门健身房 </h4>
                         <p>中国梦，人人梦 <br/>
                             接力跑 </p>
                         <span> <i class="iconfont icon-jiantou_xiangyou_o"></i> </span>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <img src="images/index/zhou-3.jpg" alt=""/>
                 </a></li>
                 <li><a href="#">
                     <div class="activity_text">
                         <h4> 运动特惠 </h4>
                         <p>中国梦，人人梦 <br/>
                             接力跑 </p>
                         <span> <i class="iconfont icon-jiantou_xiangyou_o"></i> </span>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <img src="images/index/zhou-4.jpg" alt=""/>
                 </a></li>
                 <div class="both"></div>
             </ul>
         </div>
     </div>
 </div>
 <!-- 热门推荐-->
 <div class="hot padd50" >
     <div class="main-md">
         <div class="title">
             <h1>
                 <div style="animation-delay: 0s;">热</div>
                 <div style="animation-delay: 0.1s;">门</div>
                 <div style="animation-delay: 0.2s;">推</div>
                 <div style="animation-delay: 0.3s;">荐</div>
                 <br/> <b></b> </h1>
             <p>人人梦中国，将成为中国最大创业创新筑梦联盟 与 最大人人梦中国IP航母</p>
         </div>
         <div class="hot_list">
             <ul>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-1.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                      <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-8.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                         <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-2.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                         <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-3.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                         <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-4.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                         <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-5.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                         <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-6.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                         <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="hot_img">
                         <img src="images/index/hot-7.jpg" alt=""/>
                     </div>
                     <div class="hot_text">
                         <h4>人人健身促健康 同心共筑中国梦 </h4>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <i class="iconfont icon-xingji3"></i>
                         <span> 118条</span>
                         <b class="rt">￥356</b>    <p>远大路  &nbsp; 健身房 </p>
                     </div>
                 </a></li>
                 <div class="both"></div>
             </ul>
             <div class="hot_bg">
                 <a href="#"><img src="images/index/bg-2.jpg" alt=""/></a>
             </div>
         </div>
     </div>
 </div>
 <div class="cooperate padd50">
     <div class="main-md">
         <div class="title">
             <h1 class="col_fff">
                 <div style="animation-delay: 0s;">合</div>
                 <div style="animation-delay: 0.1s;">作</div>
                 <div style="animation-delay: 0.2s;">伙</div>
                 <div style="animation-delay: 0.3s;">伴</div>
                 <br/> <b></b> </h1>
         </div>
         <div class="cooperate_list">
             <ul>
                 <li><a href="#"> <img src="images/index/he-1.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-2.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-3.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-4.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-5.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-6.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-7.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-8.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-9.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-10.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-11.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-12.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-13.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-14.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-15.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-16.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-17.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-18.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-19.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-20.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-21.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-22.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-23.png" alt=""/> </a></li>
                 <li><a href="#"> <img src="images/index/he-24.png" alt=""/> </a></li>
                 <div class="both"></div>
             </ul>
         </div>
     </div>

 </div>
    <!--页面底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
  <script>
   $(function(){
    var banner = new Swiper('#banner', {
     autoplay: 8000,
     speed:1000,
     //effect : "fade",
     fade: {
      crossFade: true
     },
     loop: true,
     lazyLoading: true,
     // 如果需要分页器
     pagination: '.swiper-pagination',
     paginationClickable: true
    });
   });

  </script>
 </body>
</html>
